<div class="col-lg-12">
	<h1>Всего задач: <!-- ko text: all.issues().length --><!-- /ko --></h1>
	<b>Текущий прогресс:</b>
	<div class="progress">
		<div class="progress-bar" role="progressbar" data-bind="attr:{
			'aria-valuenow': progressValue(),
			style: progressStyle()
		}" aria-valuemin="0" aria-valuemax="100">
		<span data-bind='text: progressText'></span>
	  </div>
	</div>

	<h1>По статусам</h1>
	<table class="table table-striped">
		<thead>
			<tr>
				<th>Статус</th>
				<th>Количество</th>
				<th>Доля</th>
			</tr>
		</thead>
		<tbody data-bind="foreach: issuesGroupedByStatus">
			<tr>
				<td data-bind="text:($index() + 1) + '. ' + name"></td>
				<td data-bind="text:summary"></td>
				<td data-bind="text:percent + '%'"></td>
			</tr>
		</tbody>
	</table>

	<h1>По типам</h1>
	<table class="table table-striped">
		<thead>
			<tr>
				<th>Тип</th>
				<th>Количество</th>
				<th>Доля</th>
			</tr>
		</thead>
		<tbody data-bind="foreach: issuesGroupedByType">
			<tr>
				<td data-bind="text:($index() + 1) + '. ' + name"></td>
				<td data-bind="text:summary"></td>
				<td data-bind="text:percent + '%'"></td>
			</tr>
		</tbody>
	</table>
</div>